<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>我的会员卡</title>
  <link rel="stylesheet" href="./css/weui.css" />
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/common.css">
</head>
<style>
.genderi{
    margin-left: 15px;
}
.my-img{
  background: #3366CC;
  height:30vh;
  width:100vw;
  position: relative;

}
.my-img>img{
  width:60px;
  height:60px;

  position: absolute;
  transform: translate(-50%,-50%);
   border-radius: 50%;
   top:50%;
   left: 50%
}

</style>

<body>
<div class='my-img'>
  <img src="img/icon.png" alt="">
</div>
  <div class="weui-cells ">
    <a class="weui-cell weui-cell_access" href='myinfo.html'>
      <div class="weui-cell__hd"><i class="fa icon-suitcase fa-fw"></i></div>
      <div class="weui-cell__bd">
        我的资料
      </div>
      <div class="weui-cell__ft"></div>
    </a>

    <a class="weui-cell weui-cell_access" href='myorder.html'>
      <div class="weui-cell__hd"><i class="fa icon-suitcase fa-fw"></i></div>
      <div class="weui-cell__bd">
        我的保修单
      </div>
      <div class="weui-cell__ft"></div>
    </a>

  </div>
</body>
<script src='js/jquery.js'></script>
<script>

</script>
</html>
